<template>
  <a-row>
    <template v-if="diskInfo && diskInfo.length>0">
      <a-col v-for="(item,index) in diskInfo" :key=" 'diskInfo'+index " :span="8">
        <dash-chart-demo :datasource="item.restPPT" :title="item.name"></dash-chart-demo>
      </a-col>
    </template>
  </a-row>
</template>

<script>
import {getAction} from '@/api/manage'
import DashChartDemo from '@/components/chart/DashChartDemo'
import ARow from 'ant-design-vue/es/grid/Row'

export default {
  name: 'DiskMonitoring',
  components: {
    ARow,
    DashChartDemo
  },
  data() {
    return {
      description: '磁盘监控',
      //数据集
      diskInfo: [],
      url: {
        queryDiskInfo: 'actuator/redis/queryDiskInfo'
      }
    }
  },
  created() {
    getAction(this.url.queryDiskInfo).then((res) => {
      if (res.success) {
        for (var i = 0; i < res.result.length; i++) {
          res.result[i].restPPT = res.result[i].restPPT / 10
        }
        this.diskInfo = res.result
      }
    })
  }
}
</script>

<style scoped>

</style>